.lg-calendar-vertical {
  overflow: hidden;
  position: relative;
  height: 1300px;
  .year-title {
    width: 100%;
    z-index: 100;
    position: relative;
    top: 0px;
    padding-left: 57px;
    font-family: PingFang-SC-Bold;
    font-size: 30px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 59px;
    height: 59px;
    letter-spacing: 0px;
    color: #0089fe;
    font-weight: bold;
  }

  .week-title {
    z-index: 100;
    position: relative;
    top: 0;
    width: 100%;
    height: 46px;
    display: flex;
    background-color: #dfdfdf;

    .week-item {
      text-align: center;
      flex: 1;
      font-family: PingFang-SC-Regular;
      font-size: 20px;
      font-weight: normal;
      font-stretch: normal;
      line-height: 46px;
      letter-spacing: 0px;
      color: #484848;
    }
  }

  .content-body {
    overflow: hidden;
    position: relative;
    z-index: 10;
    top: 0;
    &::-webkit-scrollbar {
      width: 0;
    }

    height: calc(100%);

    .month-body {
      // &:not(:first-child) {
      //   padding-top: 30px;
      // }

      .month-title {
        .month-title-text {
          margin-left: 20px;
        }

        margin-left: auto;
        margin-right: 0;
        width: calc(400% / 7);
        height: 75px;
        font-family: PingFang-SC-Bold;
        font-size: 34px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 75px;
        letter-spacing: 0px;
        font-weight: bold;
        color: #000;

        &.current-month {
          color: #0089fe;
        }
      }

      .month-day {
        display: flex;
        flex-wrap: wrap;

        .day {
          display: flex;
          justify-content: center;
          align-items: center;

          .week-day {
            color: #949494;
          }

          .range-start {
            width: 100%;
            height: 80px;
            line-height: 80px;
            background-color: #0096ff;
            border-radius: 4px;
            color: #fff;
          }

          .range-middle {
            width: 100%;
            height: 80px;
            line-height: 80px;
            background-color: rgba(0, 120, 255, 0.2);
            // border-radius: 4px;
            // opacity: 0.2;
          }

          .range-end {
            width: 100%;
            height: 80px;
            line-height: 80px;
            background-color: #0096ff;
            border-radius: 4px;
            color: #fff;
          }

          .selected {
            width: 80px;
            height: 80px;
            line-height: 80px;
            background-image: linear-gradient(#0096ff,
                #0096ff),
              linear-gradient(#f1f4f7,
                #f1f4f7);
            background-blend-mode: normal,
              normal;
            border-radius: 50%;
            color: #fff;
          }

          .double-line {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

            :nth-child(n) {
              line-height: 25px;
            }
          }

          .disabled-day{
            color: #b0b0b0;
          }

          width: calc(100% / 7);
          height: 124px;
          text-align: center;
          line-height: 124px;
          border-top: 1px solid #bebebe;

          font-family: PingFang-SC-Regular;
          font-size: 25px;
          font-weight: bold;
          font-stretch: normal;
          letter-spacing: 0px;
          color: #000000;
        }
      }
    }
  }
}
